<template>
	<view>
		<NavBar text='报告单' />
		<view style="width: 100%; height: 153rpx;"></view>
		<view class="zstyle">
			<view class="zstyle_" @click="tz" v-for="(item,index) in array" :key='index'>
				<view class="zstyle_name">{{item.name}}</view>
				<view class="zstyle_b">
					<view style="width: 100%; height: 20rpx;"></view>
					<view class="zstyle_sj flx1">
						<view>就诊科室：</view>
						<view>{{item.ks}}</view>
					</view>
					<view class="zstyle_sj flx1">
						<view>就诊医院：</view>
						<view>{{item.yy}}</view>
					</view>
					<view class="zstyle_sj flx1">
						<view>采集时间：</view>
						<view>{{item.date}}</view>
					</view>
					<view style="width: 100%; height: 20rpx;"></view>
				</view>
				<view class="flx" style="font-size: 32rpx; font-weight: 600; line-height: 80rpx;">
					<view>医生可看</view>
					<view class="flxAlign">
						<u-switch v-model="item.status" size="20"></u-switch>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data(){
			return{
				array:[
					{
						name:'生化全套',
						ks:'呼吸内科',
						yy:'浙江大学医学院附属第一医院',
						date:'2019/03/09 10:21',
						status: true
					},
					{
						name:'支原体+衣原体+淋球菌抗原检测',
						ks:'生殖中心',
						yy:'浙江大学医学院附属妇产科医院',
						date:'2019/02/06 09:12',
						status: false
					},
					{
						name:'乙肝三系+HCV+TPHA+HIV',
						ks:'口腔种植科',
						yy:'浙江大学医学院附属第一医院',
						date:'2018/09/05 10:05',
						status: false
					},
					{
						name:'乙肝三系+HCV+TPHA+HIV',
						ks:'口腔种植科',
						yy:'浙江大学医学院附属第一医院',
						date:'2018/09/05 10:05',
						status: false
					}
				]
			}
		},
		methods:{
			tz(){
				uni.navigateTo({
					url:'/pages/ReportPrescription/ReportDetails'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
	}
	.zstyle{
		.zstyle_{
			width: 90%;
			margin:0 auto;
			border-radius: 30rpx;
			padding: 15rpx;
			background-color: #fff;
			margin-top:20rpx;
			overflow: hidden;
			box-sizing: border-box;
			.zstyle_name{
				font-size: 32rpx;
				font-weight: 600;
				line-height: 80rpx;
				border-bottom:solid 1rpx #f5f5f5;
			}
			.zstyle_b{
				border-bottom:solid 1rpx #f5f5f5;
				.zstyle_sj{
					font-size: 28rpx;
					color: #cecece;
				}
			}
		}
	}
</style>